@CHARSET "UTF-8";
#body{text-align: center; margin: 0px;}
.form{text-align: center; width: 950px; height: 400px;}
#di{float: left;}
.div1{width:600px; text-align: right; float: left;}
.div2{width:300px; text-align: left; float: left;}
#modify-body{width:500px; margin: 0 auto;}

#closeBtn { float: right; width: 20px; height: 20px; margin: 10px 15px; }
#joinFs { width:500px; min-height: 700px; border-radius: 15px; padding: 0; margin: 0 auto; }
#joinFrm { padding: 10px 10px; }
#juid, #jpwd, #rpwd, #namet, #zip1, #zip2, #genre1, #genre2, #addr, #etcaddr, #hpt, #emt{ border: 1px solid #d0d0d0; 
border-radius: 5px; font-size: 1.5em; font-weight: bold; }
#juid, #jpwd, #rpwd, #namet, #hpt, #emt{ width: 180px; height: 20px; float: left;  padding: 5px 15px; margin: 10px; }
#idchkresult, #pwdresult{ width: 160px; height: 20px; float: left;  padding: 5px 15px; margin: 10px;  }
#idchkresult, #pwdresult{ font-size: 1.2em; }
#genre { width: 450px; height: 35px; padding: 5px 15px; margin: 10px; clear:both; }
#genre2 { width: 200px; height: 35px; margin: -25px 0 0 20px; float: left;  }
#genre1 { width: 200px; height: 35px; float: left; }
#zip1{ width: 50px; height: 20px; float: left;  padding: 5px 15px; margin: 10px; }
#zip2 { width: 50px; height: 20px; float: left;  padding: 5px 15px; margin: 10px; }
#addr1,#addr2{ border: 1px solid #d0d0d0; border-radius: 5px; margin-top:10px; width: 100px; height: 30px; padding: 5px 15px; font-size: 1.5em; font-weight: bold; }
#addr1, #addr2 { width: 350px; height: 20px; float: left;  padding: 5px 15px; margin: 10px; }
#result{ width: 100px; height: 30px; font-size: 1em; border: 1px solid #d0d0d0;}
.modal-footer { margin: 0; }
#findzipcode {margin-top: 10px;}
#modal-bodyid{height:520px;}

/* 우편번호 찾기 */
#modal-dialog1 { width: 500px; }
#dong { width: 320px; height:30px; float: left;  border: 1px solid #d0d0d0; }
#findbtn { width: 108px;  }
#ziplist { width: 438px; font-size: 12px; }


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

/* 가입완료 성공여부 메세지 */
#okdiv { width: 450px; height: 200px; border-radius: 15px; padding: 0;
	position: absolute; top: 190px; left: 50%; margin-left: -225px; display:none;}
#okdiv #body { margin: 20px; }
#okdiv button { width: 100%; }
#okdiv #okdiv-btn { margin: 20px; }